@import "mixin";

.themeMixin({
  :host {
    .container {
      min-width: 1200px;
      display: flex;
      flex-direction: column;
      min-height: 100%;
      background: @background-color-base url('../../../assets/imgs/login-bg.png') no-repeat center;
      background-size: cover;
      justify-content: center;
      .head {
        margin-bottom: 80px;
        width: 100%;
        text-align: center;
        font-size: 56px;
        color: #FFFFFF;
        letter-spacing: 4.64px;
        font-family: 'YSHaoShenTi';

        @media screen and (max-width: 1367px){
          margin-bottom: 20px!important;
          margin-top: 10px!important;
          font-size: 34px;
        }

      }



      .login-form-wrap{
        display: flex;
        justify-content: center;

        .left-img{
          img{
            max-width: 400px;
            @media screen and (max-width: 1367px){
              max-width: 365px;
            }
          }
        }
        .right-form{
          background: #ffffff;
          width: 450px;
          box-shadow: 0 17px 48px 0 rgba(34, 66, 168, 0.40);
          border-radius: 0 20px 20px 0;
          padding: 50px 50px 50px ;
          .form-label{
            font-size: 28px;
            color: #A6A6A6;
            letter-spacing: 0;
            font-weight: lighter;
          }
          .login-form-button {
            width: 100%;
            margin-top: 30px;
            font-size: 26px;
            height: 60px;
            background: #06A1EC;
            box-shadow: 0 4px 18px 0 rgba(0, 118, 255, 0.50);
            border-radius: 57.5px;
            font-family: 'YSHaoShenTi';
          }
        }
      }
    }
  }
});


/*
.lay-out {
  display: flex;
  position: absolute;
  left: 50%;
  top: 55%;
  transform: translate(-50%, -50%);
}

.title {
  font-size: 1.8vw;
  color: #CBCBCB;
  letter-spacing: 0;
  margin: 10% auto 2% 40%;
  font-family: 'YSHaoShenTi';
}

.left-logo {
  width: 25vw;
  height: 100%;
}

.out-form {
  width: 38vw;
  height: auto;
  background-color: #fff;
  box-shadow: 0 17px 48px 0 rgba(34, 66, 168, 0.40);
  border-radius: 0 20px 20px 0;
}

.login-form-wrap {
  width: 24vw;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(0, -50%);

  nz-form-item {
    margin-bottom: 1.25vh !important;
  }

  span {
    font-size: 1.25vw;
    color: #A6A6A6;
    letter-spacing: 0;
    font-weight: lighter;
  }

  input {
    width: 100%;
    height: 4.6vh;
    border-radius: 5px;
  }


  .login-form-button {
    width: 100%;
    margin-top: 4vh;
    font-size: 1.56vw;
    height: 6.7vh;
    background: #06A1EC;
    box-shadow: 0 4px 18px 0 rgba(0, 118, 255, 0.50);
    border-radius: 57.5px;
    font-family: 'YSHaoShenTi';
  }


}
*/
